jQueryのon, bind, click
jQueryのon()とbind()と、個別のclick()などの違いとか あまり真面目に調べてはいないmrsekut.icon
.on()
ページロード時に存在する要素にイベントを付与して、その後動的に追加されたものには有効でない
将来マッチする要素も対象になる
click()
ページロード時後、動的に追加された要素にもイベント付与してくれる。
onと比較して、こちらを使ったほうが良い場合ってあるの #?? その他change()のような類似のやつも含む
対象になるのは今ある要素にのみ
.bind(eventType, fn)
.bind('click', funcion() {..})みたいに指定する
要素に任意のeventで実行させたい関数を紐付ける
eventTypeの種類ってどこで定義されているんだ #?? 要素ごとのeventかmrsekut.icon
objectも引数に取れる
code:js
$('#foo').bind({
click: function() {..},
mouseenter: function() {..}
});
使い時
例えば<input type="number"/>な要素のonChangeをsubscribeしたい時に、.on('change', fn)などでは、動かない
正確に言うと、↓の矢印で上下したときは動くが、「10」みたいに手で入力した場合に発火しない
https://gyazo.com/f4b285bdb8d286d71d73118c1cecb99a
ここで.bind('input', fn)とすれば動いた
.bind('input', fn)でも動いた
onと比較して、わざわざbindを使うべきタイミングってあるの #?? 対象になるのは今ある要素にのみ
onとclickの違い
この差はonとbindの差とも同じ